<!DOCTYPE html>
<html lang="en">
<head>
	<meta charset="UTF-8">
	<title>CSS边框的修饰</title>
	<style>
		#div1{
			/*border-top-width: 1px;
			border-top-style: dotted;
			border-top-color: red;*/
			/*border-radius: 150px;*/
			border:1px solid red;
			height: 300px;width: 300px;
			background: url("image/bg.png") no-repeat 10px 10px ;
			background-size: 300px 300px;
			margin:0 0 0 100px ;
		}
		#div1 p{position: absolute;}


	</style>
</head>
<body>
	<div id="div1">
		<p>this is a p </p>

	</div>
</body>
</html>